import { useState } from 'react'



export function Child () {

    const [counter, setCounter] = useState(1000)

    console.log('child',1)

    return (
        <div className={'p-20 bg-green-400'}>
            <p>{counter}</p>
            <button className={'px-8 py-3 bg-sky-400 text-white'}
                    onClick={() => setCounter(counter + 1)}>
                increment
            </button>
        </div>
    )
}
